<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>四季风采</title>
    <link rel='stylesheet' href='<%- rootUrl %>/res/adapter.css' />
    <link rel='stylesheet' href='<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css'/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <style>
        html, body {height:100%}
        .a {width:100%;height:10%}
        .b {width:100%;height:90%}
        .c {width:100%;height:20%}
        .d {width:100%;height:80%}
        input[type="submit"], input[type="button"], button {background-image:none}
        p {text-align:justify}
        .nav-item > .nav-link {padding-left:1.5rem!important;padding-right:1.5rem!important}
        .navbar-collapse.show {border-bottom:5px solid darkslategrey;border-radius:15px}
        .btn {font-weight:bold;border-width:2px}
        .row {padding-top:3%}
        #foot-info {color:darkgrey;font-size:11px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
        #foot-info > p {margin:0.5em}
    </style>
    <script src="<%- rootUrl %>/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="<%- rootUrl %>/res/adapter.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body style="margin:0;line-height:1.78">
<div class="a" style="background:#cef9db">
    <a name="anchor-spring"></a>
    <nav class="navbar navbar-expand-lg navbar-light">
        <a class="navbar-brand" href="#"><img src="./res/seasonlogo.png" style="height:2.5em;background:darkslategrey;border:3px solid darkslategrey;border-radius:12px"/></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="border-color:transparent">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent" style="background-color:#cef9db;padding:12px;z-index:10000">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        四季美景
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">春华</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">夏盛</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">秋实</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">冬藏</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        风雅美文
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">风</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">雅</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">颂</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">关于我们</a>
                </li>
            </ul>
            <form class="form-inline my-2 my-lg-0" style="position:relative">
                <input class="form-control" type="search" placeholder="Search" aria-label="Search" style="margin:0 1.5rem;padding-right:2.5rem">
                <button class="btn btn-outline-success my-0 my-sm-0" type="submit" style="position:absolute;right:1.5rem;border:none"><i class="fa fa-search"></i></button>
            </form>
        </div>
    </nav>
</div>
<div class="d" style="background:#cef9db url(res/seasonbgspring.png) no-repeat center;background-size:contain">
    <div class="container">
        <div class="row" style="justify-content:space-evenly">
            <div class="col-6" style="align-self:center;text-align:right;">
                <img src="res/seasonspring.png" style="width:96px" />
            </div>
            <div class="col-6" style="align-self:center;"><button type="button" class="btn btn-outline-success">进入春天</button></div>
        </div>
        <div class="row">
            <div class="col-1"></div>
            <div class="col-9" style="font-size:14px;margin:0 2em">
                <p style="color: darkblue">&emsp;&emsp;冰雪融化，草木萌发，青青的树枝露出清脆的嫩芽，杨花雪片似的弥漫空中，大地上，石缝中，处处洋溢着淡淡的绿。山花的小白牙吃在嘴里，一嘴的甘甜，牙一咬流出乳白色的汁液。天空中的燕子在叽叽喳喳的排着队在蓝天畅游，不时三两只野兔飞跑而过，留下一溜溜清晰的脚印...</p>
            </div>
        </div>
        <div class="row"><div class="col-11" style="text-align:right;"><img src="res/seasonanispring.gif" style="width:13em"></div><div class="col-1"></div></div>
    </div>
</div>
<div class="c" style="background:linear-gradient(#cef9db,#f5fdb8)">
    <div style="text-align:center;font-size:24px;padding-bottom:6px;height:50%;"><a href="#anchor-summer"><i class="fa fa-chevron-down"></i></a></div>
    <div><a name="anchor-summer">&nbsp;</a></div>
</div>
<div class="d" style="background:#f5fdb8 url(res/seasonbgsummer.png) no-repeat center;background-size:contain">
    <div class="container">
        <div class="row">
            <div class="col-12" style="text-align: right;"><img src="res/seasonanisummer.gif" style="width:9em;margin-right:3em;"></div>
        </div>
        <div class="row" style="justify-content:space-evenly">
            <div class="col-5" style="align-self:center;text-align:right">
                <img src="res/seasonsummer.png" style="width:96px" />
            </div>
            <div class="col-5" style="align-self:center"><button type="button" class="btn btn-outline-warning">进入夏天</button></div>
        </div>
        <div class="row">
            <div class="col-1"></div>
            <div class="col-9" style="font-size:14px;margin:0 1em">
                <p style="color: darkred">&emsp;&emsp;骄阳似火，气温骤然升高，大街上开始出现短裙美女，露出雪白如雪的肌肤，性感的藕臂，隐隐半现的酥胸。男小伙干脆上身赤裸，展出健壮的胸肌，粗犷豪迈，发出狼嚎般的叫声。老人手摇芭蕉扇在绿荫下谈天说地，儿童在小河里像游鱼般一丝不挂自由自在的游来游去。田野里盛开的金黄色的花，争奇斗艳，色彩缤纷...</p>
            </div>
        </div>
    </div>
</div>
<div class="c" style="background:linear-gradient(#f5fdb8,#fde092)">
    <div style="text-align:center;font-size:24px;height:50%;"><a href="#anchor-autumn"><i class="fa fa-chevron-down"></i></a></div>
    <div><a name="anchor-autumn">&nbsp;</a></div>
</div>
<div class="d" style="background:#fde092 url(res/seasonbgautumn.png) no-repeat center;background-size:contain">
    <div class="container">
        <div class="row" style="justify-content:space-evenly">
            <div class="col-4"><img src="res/seasonaniautumn.gif" style="width:20em"></div>
            <div class="col-3" style="align-self:center;text-align:right">
                <img src="res/seasonautumn.png" style="width:96px" />
            </div>
            <div class="col-5" style="align-self:center"><button type="button" class="btn btn-outline-danger">进入秋天</button></div>
        </div>
        <div class="row">
            <div class="col-1"></div>
            <div class="col-9" style="font-size:14px;margin:0 1em">
                <p style="color: darkgreen">&emsp;&emsp;山坡上，累累硕果挂满了枝头，高粱地里沉甸甸的果实压弯了腰。苹果，桃子，山楂，红红的山枣...，在秋风中频频向行人招手示意。红红的果实在阳光下闪着耀眼的光芒，映红了农民笑逐颜开的脸庞。小商小贩在紧张的讨价还价。果农在大把大把的点数手里的钞票，然后大方地往钱袋子里一扔。挥挥手，示意装货放行...</p>
            </div>
        </div>
    </div></div>
<div class="c" style="background:linear-gradient(#fde092,aliceblue)">
    <div style="text-align:center;font-size:24px;height:50%;"><a href="#anchor-winter"><i class="fa fa-chevron-down"></i></a></div>
    <div><a name="anchor-winter">&nbsp;</a></div>
</div>
<div class="d" style="background:aliceblue url(res/seasonbgwinter.png) no-repeat center;background-size:contain">
    <div class="container">
        <div class="row">
            <div class="col-1"><img src="res/seasonaniwinter.gif" style="width:15em;transform:translate(-3em,0);"/></div>
            <div class="col-10">
                <div class="row" style="justify-content:space-evenly">
                    <div class="col-6" style="align-self:center;text-align:right">
                        <img src="res/seasonwinter.png" style="width:96px" />
                    </div>
                    <div class="col-6" style="align-self:center"><button type="button" class="btn btn-outline-info">进入冬天</button></div>
                </div>
                <div class="row">
                    <div class="col-11" style="font-size:14px;margin:0 1em">
                        <p style="color: #008e8e">&emsp;&emsp;萧飒的严冬，大地一片白茫茫，不时升起一道道白烟。土地被冻成一块铁疙瘩，马路被冻的裂出一道深深的沟。牛羊被冻的呲牙咧嘴，口里不时呼出一股股热气。冰层下面的小鱼快活的游来游去，好像对外面的寒冷一无所知。北风呼啸的刮着，一片片枯死的树叶被盘旋着卷到空中，再狠狠的摔到地下...</p>
                    </div>
                </div>
            </div>
        </div>
        
    </div></div>
<div class="a" style="background:linear-gradient(aliceblue,white)">
    <div style="width:100%;text-align:center;font-weight:bold;height:50%;"><a href="#anchor-spring" style="display:inline-block;margin:0.5em;">冬天过去了，春天还会远吗？<i class="fa fa-chevron-right"></i></a></div><br/>
</div>
<div id="foot-info" style="width:100%;padding:12px 0">
    <p>Tel:(+86)15920372250</p><p>Email:aelue@126.com</p><p>Copyright (c) 2019 He Su</p><p>All Rights Reserved</p><p><a href="http://beian.miit.gov.cn">粤ICP备19071825号</a></p>
</div>
</body>
</html>